<template>
  <div class="list">
    <ul>
      <li><a href="#">第一条笔记</a></li>
      <li><a href="#">第二条笔记</a></li>
      <li><a href="#">第三条笔记</a></li>
    </ul>
  </div>
</template>

<script type="text/ecmascript-6">
  export default{}
</script>
<style lang="scss" rel="stylesheet/scss">
  .list {
    padding-top: 10px;
    ul {
      padding: 0;
      margin:0;
      list-style: none;
      li {
        height: 30px;
        line-height: 30px;
        background: rgb(230,231,232);
        margin:10px 0;
        padding-left:10px;
        a{
          text-decoration: none;
          color: rgb(102,102,102);
        }
      }
    }
  }
</style>
